<template>
	<view class="demo">
		<view class="ps_top">
			<p>
				{{' '}}{{' '}}{{' '}}{{' '}}{{' '}}{{' '}}我们将尽全力保障您的个人信息安全。为向您提供饰品交易相关功能，并确保国家相关政策的落实。我们需要收集您在使用服务期间，通过您主动授权/提供等方式产生的个人信息。以下，我们将逐一说明收集信息的类目，目的，场景，收集途径以及加密后的部分信息。
			</p>
		</view>
		<view class="ps_wz">
			<view class="wz_zuo">
				信息
			</view>
			<view class="wz_you">
				昵称/用户名
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				使用目的
			</view>
			<view class="wz_you">
				用于完善网络身份标识
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				使用场景
			</view>
			<view class="wz_you">
				用户注册登录
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				收集情况
			</view>
			<view class="wz_you">
				用户提供，已收集一条
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				信息内容
			</view>
			<view class="wz_you">
				玩家****
			</view>
		</view>



		<view class="ps_wz">
			<view class="wz_zuo">
				信息
			</view>
			<view class="wz_you">
				手机号码
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				使用目的
			</view>
			<view class="wz_you">
				用于注册创建账号和登录
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				使用场景
			</view>
			<view class="wz_you">
				用户注册、实名以及认证
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				收集情况
			</view>
			<view class="wz_you">
				用户提供，已收集1条
			</view>
		</view>
		<view class="ps_wzs">
			<view class="wz_zuo">
				信息内容
			</view>
			<view class="wz_you">
				182****8888
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.demo {
		width: 100vw;
		height: 90vh;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: center;
		overflow-y: scroll;
	}

	.ps_top {
		width: 100%;
		height: 40vw;
		background-color: #ffffff;
		font-size: 4vw;
		line-height: 7vw;
		color: #959595;
	}

	.ps_wz {
		width: 90%;
		height: 20vw;
		border: 1px solid #ccc;
		margin-top: 3vw;
		display: flex;
		background-color: #ffffff;
	}

	.wz_zuo {
		width: 40%;
		height: 100%;
		background-color: #ccc;
		text-align: center;
		line-height: 20vw;
		font-size: 4vw;
	}

	.wz_you {
		width: 60%;
		height: 100%;
		text-align: center;
		line-height: 20vw;
		font-size: 4vw;
	}

	.ps_wzs {
		width: 90%;
		height: 20vw;
		border: 1px solid #ccc;
		display: flex;
		/* margin-top: 1vw; */
	}
</style>